<template>
  <div>
      <!-- <h2>{{counter}}</h2> -->
      <h2>{{$store.state.counter}}</h2>
      <!-- <h2>{{$store.state.counter*$store.state.counter}}</h2> -->
      <h2>{{$store.getters.powerCounter}}</h2>
      <h2>{{$store.getters.more20stu}}</h2>
      <h2>{{$store.state.info}}</h2>
  </div>
</template>

<script>
export default {
    name:'HelloVuex',
    // props:{
    //     counter:Number
    // }
}
</script>

<style>

</style>